<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="browsermode" content="application">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="Cache" content="no-cache">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <!-- 禁止百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="format-detection" content="telephone=no">
    <title>热门榜单</title>
    <link rel="stylesheet" href="${request.contextPath}/web/css/reset.css?v=${verison!}">
    <link rel="stylesheet" href="${request.contextPath}/web/css/base.css?v=${verison!}">
    <link rel="stylesheet" href="${request.contextPath}/web/css/not-new-goods.css?v=${verison!}">
    <link rel="stylesheet" href="${request.contextPath}/web/css/swiper.min.css">
</head>
<script type="text/javascript" src="${request.contextPath}/web/js/media_750.js"></script>
<script type="text/javascript" src="${request.contextPath}/web/js/jquery.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/web/js/jquery.mobile.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/web/js/swiper.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/web/js/common.js?v=${verison!}"></script>
<body style="background-color: rgb(255, 255, 255);">
<div data-role="page">
    <div class="app">
        <div class="quality-recommend router">
            <!--<div class="slider-banner swiper">-->
                <!--<div class="swiper-container">-->
                    <!--<div class="swiper-wrapper">-->
                        <!--<div class="swiper-slide">-->
                            <!--<img src="http://demo3.crmeb.net/uploads/attach/2019/11/20191126/6e721757cdf1719fb32c2e4546946f78.jpg"-->
                                 <!--class="slide-image">-->
                        <!--</div>-->
                        <!--<div class="swiper-slide">-->
                            <!--<img src="http://demo3.crmeb.net/uploads/attach/2019/11/20191126/f4eed900f465752f5008167a59503ef7.jpg"-->
                                 <!--class="slide-image">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>-->
                <!--</div>-->
                <!--<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">-->
                    <!--<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span>-->
                    <!--<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button"-->
                          <!--aria-label="Go to slide 2">-->
                    <!--</span>-->
                <!--</div>-->
            <!--</div>-->
            <div class="title acea-row row-center-wrapper">
                <div class="line"></div>
                <div class="name">
                    <span class="iconfont icon-remen"></span>促销单品
                </div>
                <div class="line"></div>
            </div>
            <div class="goodList">
                <#if data??>
                    <#list data as item>
                        <a href="${request.contextPath}/web/goodsDetail/${item.id}" class="item acea-row row-between-wrapper">
                            <div class="pictrue">
                                <img src="${item.image!}"
                                     class="image">
                            </div>
                            <div class="underline">
                                <div class="text">
                                    <div class="line1">${item.goodsName!}</div>
                                    <div class="money font-color-red">
                                        ￥<span class="num">${item.webPrice!}</span>
                                    </div>
                                    <div class="vip-money acea-row row-middle">
                                        <div class="vip">
                                            ￥${item.webVipPrice!}
                                            <img src="${request.contextPath}/web/images/vip-icon.png" class="image">
                                        </div>
                                        <span class="num">已售${item.sales}件</span>
                                    </div>
                                </div>
                            </div>
                            <div class="iconfont icon-goumai cart-color acea-row row-center-wrapper"></div>
                        </a>
                    </#list>
                </#if>
            </div>
        </div>
    </div>
    <#include "include/right.html" />
</div>
</body>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        // 轮播图的方向，也可以是vertical方向
        direction: 'horizontal',
        //播放速度
        loop: true,
        // 自动播放时间
        autoplay: true,
        // 播放的速度
        speed: 2000,
        // 如果需要分页器，即下面的小圆点
        pagination: {
            el: '.swiper-pagination',
        },
        // 这样，即使我们滑动之后， 定时器也不会被清除
        autoplayDisableOnInteraction: false,

    });
    $(function () {
        $(window).on('scroll', function () {
            var isChrome = document.documentElement.scrollTop === 0 && document.body.scrollTop !== 0;
            var clientHeight = isChrome ? document.body.clientHeight : document.documentElement.clientHeight;
            var scrollTop = isChrome ? document.body.scrollTop : document.documentElement.scrollTop;
            var scrollHeight = isChrome ? document.body.scrollHeight : document.documentElement.scrollHeight;

            if (clientHeight + scrollTop === scrollHeight) {
                console.log('到底了')
                // 加载更多
            }
        })
    })
</script>
</html>